<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	
	<?php require('scripts/header.php'); ?>

	<script type="text/javascript" src="upload.js"></script>
	<script type="text/javascript">
		function startCallback(form) {
			
			// Update the button text to let the user know what is happening
			form.button.value = 'Uploading...';
			form.button.disabled = true;
			
			return true;
		}
 
		function completeCallback(form, response) {
			
			// Reset the file input form control.
			form.reset();
			
			// Update the button text to let the user know the slot is free.
			form.button.value = 'Upload';
			form.button.disabled = false;
			form.userfile.disabled = false;

			// Display the thumbnails that are returned
			document.getElementById('thumbs').innerHTML = response;
			
		}
	</script>
	
</head>

<body>
	
	<?php require('scripts/body_top.php'); ?>
	
	<div class="content">
		
		<h2>Step 1. Set-up your project.</h2>
		
		<form name="infoform" action="scripts/email.php" method="post" onsubmit="return AIM.submit(this, {'onStart' : function(){ return true; }, 'onComplete' : function(response){ document.getElementById('uploadsection').innerHTML = response; return true;}})" enctype="multipart/form-data">
			<label for="title">Panorama Title: </label>
			<input type="text" name="title" id="title" />
			<label for="email">E-Mail Address: </label>
			<input type="text" name="email" id="email" />
			<input type="submit" value="Start!" />
		</form>
		
		<h2>Step 2. Upload your photos.</h2>
		
		<div id="uploadsection">
			<h2>Step 3. Tag and stitch your panorama!</h2>
		</div>
		
	</div>
	
	<?php require('scripts/body_foot.php'); ?>
	
</body>

</html>
